<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <div id="app"></div>
  <script src="my-vue.js"></script>
  <script>
            var componentA = {
    abstract:true,
			template:"<div>max</div>",    //parent
			created: function(){
				console.log(this.options);   //父实例的引用   自动侦测的方式来找到他的父实例对象
			}
		}
		var vm = new Vue({
			 el:"#app",
			 components:{
				"component-a": componentA,  //注册子组件
       },
       data: function() {
         return {
           test:1,
           list: [1,2,3]
         }
       }
		})
    console.log(vm.list)
    vm.list.push([123,2323])
		console.log(vm.list)
  </script>
</body>
</html>